<template>
  <div class="index-css">
    <div class="top-container">
      <mynav></mynav>
      <div class="container container-banner" id="women">
        <div class="d-flex flex-column  flex-md-row">
          <div class="w-100">
            <div class="banner-text animated fadeInDown">
              <dl>
                <dt>
                  K线图<br>
                  <small>做空？做多？</small>
                </dt>
                <dd>
                  <p>短线投资数据支持</p>
                  <p>30分K线、60分K线、2时K线、4时K线、日K线、月K线</p>
                </dd>
              </dl>
              <button class="btn my-btn" type="button" data-toggle="popover" data-trigger="focus" placement="top" title="小唐AI"
                data-content="" data-template='<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"><img width="150px" height="150px" src="../../static/images/1573308489.png"></div></div>'>白皮书下载</button>
              <button class="btn my-btn" type="button">加入社区</button>
            </div>
          </div>
          <div class="w-100"><img class=" animated fadeInDown" src="../../static/images/切图_40.png"></div>
        </div>
      </div>
    </div>

    <div class="second-plate" id="youshi">
      <div class="container">
        <div class="title animated fadeInDown">
          <small>Super Fluidity</small>
          <h3>玩法技巧</h3>
          <hr>
        </div>
        <div class="row icon_text animated fadeInDown">
          <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
            <dl>
              <img src="../../static/images/切图_10.png" />
              <dt>
                新手入门
              </dt>
              <dd>图文并茂，助你快速掌握</dd>
            </dl>
          </div>
          <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
            <dl>
              <img src="../../static/images/切图_12.png" />
              <dt>交易提示
              </dt>
              <dd>安全交易，拒绝诈骗</dd>
            </dl>
          </div>
          <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
            <dl>
              <img src="../../static/images/切图_14.png" />
              <dt>卷轴攻略
              </dt>
              <dd>最小投资，收益最大化</dd>
            </dl>
          </div>
          <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
            <dl>
              <img src="../../static/images/切图_16.png" />
              <dt>你问我答
              </dt>
              <dd>百问百答，快速解决问题</dd>
            </dl>
          </div>
        </div>
      </div>
    </div>

    <div class="second-plate" id="tedian">
      <div class="container">
        <div class="title animated fadeInDown">
          <small>Super Fluidity</small>
          <h3>服务中心展示</h3>
          <hr>
        </div>
        <div class="row pic animated fadeInDown">
          <div class="col-6 col-sm-12 col-md-3 col-lg-3 col-xl-3">
            <img src="../../static/images/切图_27.png" />
          </div>
          <div class="col-6 col-sm-12 col-md-3 col-lg-3 col-xl-3">
            <img src="../../static/images/切图_29.png" />
          </div>
          <div class="col-6 col-sm-12 col-md-3 col-lg-3 col-xl-3">
            <img src="../../static/images/切图_31.png" />
          </div>
          <div class="col-6 col-sm-12 col-md-3 col-lg-3 col-xl-3">
            <img src="../../static/images/切图_33.png" />
          </div>
        </div>
      </div>
    </div>
    <div class="second-plate" id="jianjie">
      <div class="container">
        <div class="title animated fadeInDown">
          <small>Super Fluidity</small>
          <h3>行情预测</h3>
          <hr>
        </div>
        <div class="d-flex flex-column flex-md-row justify-content-center align-items-center jianjie">
          <div class="w-100 animated fadeInDown"><img src="../../static/images/切图_43.png"></div>
          <div class="w-100 animated fadeInDown">
            <p>技术分析研判</p>
            <p>高、低点预测 </p>
            <p>消息层面分析，次日行情走势预估</p>
          </div>
        </div>
      </div>
    </div>
    <div class="second-plate" id="konggu">
      <div class="container">
        <div class="title">
          <small>Super Fluidity</small>
          <h3>获取空投</h3>
          <hr>
        </div>
        <div class="myform">
          <form name="frmEmail" id="frmEmail">
            <div class="form-group row">
              <label class="col-sm-2 col-form-label">姓名</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="姓名" name="name">
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-2 col-form-label">邮箱</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="邮箱" name="email">
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-2 col-form-label">手机</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="手机" name="phone">
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-2 col-form-label">ETH地址</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" name="ETHaddress" placeholder="ETH地址">
              </div>
            </div>
            <div class="form-group row" style="text-align: center;">
              <div class="col-sm-12">
                <button type="submit" class="btn btn-primary" id="applyBtn">立即提交</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
   
  </div>
</template>
<script>
import mynav from "@/components/nav";

export default {
  name: "home",
  components: {  mynav }
  }
</script>
<style lang="less" scoped>
   @import "../assets/index_sass.css";
   .nav-container {
     // background: transparent !important;
     }
</style>
